<template>
  <div class="share animated" :class="{bounceIn:share,fadeOutUp:!share}" @click="closeShare()">
  </div>
</template>
<script>
export default {
  props: ['share'],
  methods: {
    closeShare() {
      var share = false;
      this.$emit('changeshare', share)
    }
  },
}
</script>
<style lang="less" scoped>
.share {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../../assets/img/share.png") no-repeat;
  background-size: 100% 100%;
}
</style>
